12. Transform & Transition

1. p-2 text-white bg-blue-500 hover:bg-blue-700

2. ml-10 p-3 bg-blue-500 transition hover:bg-teal-500 duration-300 ease-in-out delay-150 text-white

3. ml-10 p-3 bg-blue-500 text-white transition ease-in-out delay-150 duration-800 hover:translate-x-8 hover:scale-110 hover:bg-teal-500

4. ml-10 p-3 bg-blue-500 text-white transition duration-800 hover:rotate-180

4. ml-10 p-3 bg-blue-500 text-white transition duration-800 hover:rotate-180

Animation

pulse

ping

spin

bounce

1. bg-green-400 p-8 m-4 animate-pulse

2. bg-green-400 p-8 m-4 animate-ping

3. bg-green-400 p-8 m-4 animate-spin

4. bg-green-400 p-8 m-4 animate-bounce

⬅️